//声明一个类（创建构造函数类）
var $ = function () {
    
}

//jquery类的大概实现
function $(selector){  
    //一下代码执行顺序
    //1、先找到css选择器对应的dom节点，老的版本会用document.getElementById()这些方法，但是新版的jquery会用document.querySelector()
    //2、把找到的节点作为jquery这个类的一个成员字段存储起来，方便下次调用
    this.selector  =   document.querySelector(selector);

    //构造方法在语法里没有返回值，但在初始化时，它会返回对象本身
    //相当于  return this;
    
}


$.prototype = function(){   
    name:'jquery',
    css:function(obj){
    	alert(obj);
        alert(this.selecter);
    }
}

//试描述以下代码在调用$类时的执行顺序
$('#abc').css('helloworld');
/*
这串代码的执行顺序从左到右翻译出来  把每一步拆分  第一步就是new $();    第二步传入参数 #abc   然后这里可以写成$('#abc')就相当于完成了类的实例       又因为他本身是一个对象    他就调用对象的css方法 alert出helloworld 
 */


/*

    答：第一步：实例化$类，传入参数selecter

       第二步：根据selector获取到dom节点，并赋值给$对象（已经实例化的类现在要称为对象）
       的selector字段         //这一步非常重要，注意

       第三步：完成实例化，返回对象本身

       第四步：调用$对象本身的css方法打印出helloworld,打印出$对象的selector字段值

 */













